<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>影视官方网站</title>
  <!-- 偏爱图标 -->
  <link rel="shortcut icon" href="./public/images/favicon.png" type="image/x-icon">
  <!-- 引入bootstrap样式 -->
  <link rel="stylesheet" href="./public/bootstrap/css/bootstrap.min.css">
  <!-- 引入外部样式 -->
  <link rel="stylesheet" href="./public/css/base.css">
  <link rel="stylesheet" href="./public/css/index.css">

</head>

<body>
  <!-- 头部 -->
  <header id="header" class="container">
    <div class="row">
      <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" id="logo">
        <a href="index.html">
          <img src="./public/images/logo.png">
        </a>
      </div>
      <div class="hidden-xs col-sm-7 col-md-7 col-lg-7">
        <ul class="nav nav-pills nav-justified row">
          <li role="presentation" class="active"><a href="index.html">首页</a></li>
          <li role="presentation"><a href="aboutUs.html">关于我们</a></li>
          <li role="presentation"><a href="movie.html">电影</a></li>
          <li class="hidden-xs" role="presentation"><a href="teleplay.html">电视剧</a></li>
          <li class="hidden-xs hidden-sm" role="presentation"><a href="#">合作伙伴</a></li>
          <li class="hidden-xs hidden-sm" role="presentation"><a href="#">经典影视</a></li>
          <li class="hidden-xs hidden-sm hidden-md" role="presentation"><a href="#">新闻资讯</a></li>
        </ul>
      </div>
      <div class="hidden-xs hidden-sm hidden-md col-md-2 col-lg-2">
        <a href="#"><button class="btn btn-primary btn-md">新闻资讯</button></a>
      </div>
    </div>
  </header>

  <!-- 轮播图 -->
  <section>
    <div class="container-fluid">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <a href="">
                  <img src="./public/images/carousel/19efd8cd3262432da65cf77a2716f0f2.jpg">
                </a>
              </div>
              <div class="item">
                <a href="">
                  <img src="./public/images/carousel/66e62ec67e662435fb6e49e3fba29e82.jpg">
                </a>
              </div>
            </div>

            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 合作伙伴 -->
  <section id="partner" class="container">
    <div class="row">
      <h2>合作伙伴</h2>
      <p class="hidden-xs">竭诚为您提供优质的影片</p>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <ul>
          <li class="col-xs-6 col-sm-3 col-md-4 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/04f45bbf77bcab7aa41f43e07f235683.jpg" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/20af197e90199a133ff19a1a47a14838.jpg" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/7bcc386a548ca95e3c15b9fd6a6e3118.jpg" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/ba3445b0d67b6a0a8bace60894ed7984.jpg" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/dcd729e3ee68293b296ef5b2b8cc0142.jpg" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/dfc4d0b02b9b28e8fa8b0b297f231004.png" alt="">
            </a>
          </li>
          <li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
            <a href="#">
              <img src="./public/images/partner/fbd8d4bef1cbe3804d4154372b805103.jpg" alt="">
            </a>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <!-- 电影 -->
  <section id="movie-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h2>电影</h2>
          <p class="hidden-xs">全球最好看的影视都在这</p>
        </div>
      </div>
      <div class="row show-list">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/trjta3.jpg">
                <div class="caption">
                  <h4>唐人街探案3</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/afd.jpg">
                <div class="caption">
                  <h4>阿凡达</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/fl4.jpg">
                <div class="caption">
                  <h4>复仇者联盟4</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/gf.jpg">
                <div class="caption">
                  <h4>功夫</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/lldq.jpg">
                <div class="caption">
                  <h4>流浪地球</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/movie/img/xqdz7.jpg">
                <div class="caption">
                  <h4>星球大战7：原力觉醒</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 电视剧 -->
  <section id="teleplay-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h2>电视剧</h2>
          <p class="hidden-xs">全球最好看的影视都在这</p>
        </div>
      </div>
      <div class="row show-list">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/aqgy5.jpg">
                <div class="caption">
                  <h4>爱情公寓5</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/ljm.jpg">
                <div class="caption">
                  <h4>老九门</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/lyb.jpg">
                <div class="caption">
                  <h4>琅琊榜</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/nswdccyl.jpg">
                <div class="caption">
                  <h4>你是我的城池营垒</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/qyn.jpg">
                <div class="caption">
                  <h4>庆余年</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <a href="#">
              <div class="thumbnail">
                <img src="./public/images/teleplay/zx.jpg">
                <div class="caption">
                  <h4>赘婿</h4>
                  <p>最值得期待的华语电影</p>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 关于我们 -->
  <section class="container">
    <div class="row" id="message">
      <div class="hidden-xs col-sm-4 col-md-6 col-lg-6 text-center">
        <h2><span>关于</span>我们</h2>
        <p>柳州工学院创建于2002年，前身为广西科技大学鹿山学院，由柳州市政府与广西科技大学共同举办。</p>
        <a href="aboutUs.html" class="btn btn-danger btn-lg">查看详情</a>
      </div>
      <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6 img">
        <img src="./public/images/movie/f6451470b2e4c6be3955200a3ab8e604.jpg" class="img-responsive center-block">
      </div>
    </div>
  </section>

  <!-- 经典电影 -->
  <section id="classical-movie-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h2>经典电影</h2>
          <p class="hidden-xs">全球最好看的影视都在这</p>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <div class="thumbnail classical-movie-list text-center">
            <img src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg"
              class="img-circle img-responsive center-block">
            <div class="caption">
              <h5>摩天营救</h5>
              <span>冒险</span>
              <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。...</p>
              <p><a href="#" class="btn btn-default btn-md" role="button" data-toggle="modal"
                  data-target="#skyScraper">了解详情</a>
            </div>
          </div>
        </div>
        <!-- 摩天营救模态框 -->
        <div class="modal fade modal-item" id="skyScraper" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">摩天营救</h4>
              </div>
              <div class="modal-body row modal-details">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <img style="width: 280px;height: 280px;"
                    src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg">
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <h5><strong>电影简介</strong></h5>
                  <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。威尔·索耶的妻子萨拉和孩子们在98层被劫为人质，直接暴露在火线上。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <div class="thumbnail classical-movie-list text-center">
            <img src="./public/images/classical/3f58f1b34f0a514caf562da122d863e6.jpg"
              class="img-circle img-responsive center-block">
            <div class="caption">
              <h5>摩天营救</h5>
              <span>冒险</span>
              <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。...</p>
              <p><a href="#" class="btn btn-default btn-md" role="button" data-toggle="modal"
                  data-target="#skyScraper">了解详情</a>
            </div>
          </div>
        </div>
        <!-- 摩天营救模态框 -->
        <div class="modal fade modal-item" id="skyScraper" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">摩天营救</h4>
              </div>
              <div class="modal-body row modal-details">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <img style="width: 280px;height: 280px;"
                    src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg">
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <h5><strong>电影简介</strong></h5>
                  <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。威尔·索耶的妻子萨拉和孩子们在98层被劫为人质，直接暴露在火线上。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <div class="thumbnail classical-movie-list text-center">
            <img src="./public/images/classical/4693f19042177089c6205587dc7017ba.jpg"
              class="img-circle img-responsive center-block">
            <div class="caption">
              <h5>摩天营救</h5>
              <span>冒险</span>
              <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。...</p>
              <p><a href="#" class="btn btn-default btn-md" role="button" data-toggle="modal"
                  data-target="#skyScraper">了解详情</a>
            </div>
          </div>
        </div>
        <!-- 摩天营救模态框 -->
        <div class="modal fade modal-item" id="skyScraper" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">摩天营救</h4>
              </div>
              <div class="modal-body row modal-details">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <img style="width: 280px;height: 280px;"
                    src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg">
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <h5><strong>电影简介</strong></h5>
                  <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。威尔·索耶的妻子萨拉和孩子们在98层被劫为人质，直接暴露在火线上。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <div class="thumbnail classical-movie-list text-center">
            <img src="./public/images/classical/8ae8fb528904f72d2386ca2e90f4dc7d.jpg"
              class="img-circle img-responsive center-block">
            <div class="caption">
              <h5>摩天营救</h5>
              <span>冒险</span>
              <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。...</p>
              <p><a href="#" class="btn btn-default btn-md" role="button" data-toggle="modal"
                  data-target="#skyScraper">了解详情</a>
            </div>
          </div>
        </div>
        <!-- 摩天营救模态框 -->
        <div class="modal fade modal-item" id="skyScraper" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">摩天营救</h4>
              </div>
              <div class="modal-body row modal-details">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <img style="width: 280px;height: 280px;"
                    src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg">
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <h5><strong>电影简介</strong></h5>
                  <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。威尔·索耶的妻子萨拉和孩子们在98层被劫为人质，直接暴露在火线上。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
          <div class="thumbnail classical-movie-list text-center">
            <img src="./public/images/classical/fb47ef6cb152dea8a8180ffd4900655a.jpg"
              class="img-circle img-responsive center-block">
            <div class="caption">
              <h5>摩天营救</h5>
              <span>冒险</span>
              <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。...</p>
              <p><a href="#" class="btn btn-default btn-md" role="button" data-toggle="modal"
                  data-target="#skyScraper">了解详情</a>
            </div>
          </div>
        </div>
        <!-- 摩天营救模态框 -->
        <div class="modal fade modal-item" id="skyScraper" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                    aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">摩天营救</h4>
              </div>
              <div class="modal-body row modal-details">
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <img style="width: 280px;height: 280px;"
                    src="./public/images/classical/021b2c18eb31b19e79b4eb16decb7e80.jpg">
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                  <h5><strong>电影简介</strong></h5>
                  <p>在香港市中心，世界上最高、结构最复杂的摩天大楼遭到破坏，危机一触即发。威尔·索耶的妻子萨拉和孩子们在98层被劫为人质，直接暴露在火线上。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- 新闻资讯 -->
  <section id="news-wrapper">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h2>新闻资讯</h2>
        </div>
      </div>
      <div class="row">
        <div class="hidden-xs col-sm-3 col-md-3 col-lg-3">
          <p>最新的影视报道</p>
        </div>
        <div class="hidden-xs hidden-sm col-md-2 col-md-offset-7 col-lg-2 col-lg-offset-7 text-right">
          <a href="#">更多新闻资讯</a>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
          <a href="#">
            <div class="thumbnail">
              <div class="caption">
                <p>2018</p>
                <h3>07.16</h3>
                <hr>
                <p>笔仙咒怨曝先导海报</p>
                <p>电影笔仙咒怨讲述了黑心煤老板贪图女主人公外婆掌管的敬老院宅基地，男女主人公为帮外婆夺回古宅而与开发商对抗，进而发生的一系列骇人听闻的故事。</p>
                <p>Details</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- 底部 -->
  <footer id="foot-wrapper" class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <ul class="foot-nav">
          <li>
            <a href="index.html">首页</a>
          </li>
          <li>
            <a href="aboutUs.html">关于我们</a>
          </li>
          <li>
            <a href="movie.html">电影</a>
          </li>
          <li>
            <a href="#">电视剧</a>
          </li>
          <li>
            <a href="#">合作伙伴</a>
          </li>
          <li>
            <a href="#">经典影视</a>
          </li>
          <li class="hidden-xs hidden-sm">
            <a href="#">新闻资讯</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
        <p>版权所有 <span>&copy;</span> 2021 XXX</p>
      </div>
    </div>
  </footer>

  <!-- 返回顶部 -->
  <div class="back-top" data-toggle="tooltip" data-placement="top" title="返回顶部">
    <span class="glyphicon glyphicon-circle-arrow-up"></span>
  </div>
  <script src="./public/jquery/jquery.min.js"></script>
  <script src="./public/bootstrap/js/bootstrap.min.js"></script>
  <script src="./public/js/base.js"></script>
</body>

</html>